@import '../../asset/styles/util.less';

.searchBox {
  .searchSelectBox {
    box-sizing: border-box;
    float: left;
    width: 72px;
    height: 40px;
    border: 2px solid #ff8000;
    .selectOption {
      box-sizing: border-box;
      position: relative;
      z-index: 999;
      cursor: pointer;
      height: 36px;
      li {
        box-sizing: border-box;
        width: 68px;
        height: 36px;
        line-height: 36px;
        background-color: #f5f5f5;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        text-align: center;
        color: #333;
        font-size: 14px;
        &:hover {
          color: #ff8000;
        }
        .first {
          color: #333;
          border-color: transparent;
        }
        .last {
          border-bottom: 1px solid #ddd;
        }
      }
    }
  }
  .searchInput {
    box-sizing: border-box;
    float: left;
    outline: none;
    width: 400px;
    height: 40px;
    padding: 10px 20px;
    border: none;
    border-top: 2px solid #ff8000;
    border-bottom: 2px solid #ff8000;
    font-size: 14px;
  }
  .searchBtn {
    box-sizing: border-box;
    float: left;
    outline: none;
    width: 101px;
    height: 40px;
    background-color: #ff8000;
    border: none;
    color: #fff;
    font-size: 16px;
  }
}
